<template>
    <van-cell
      :title="title"
      :label="label"
      center
      @click="playHanlder"
    >
      <template #right-icon>
        <van-icon name="play-circle-o" size="0.7rem" />
      </template>
    </van-cell>
</template>

<script>
export default {
  props:["title","label","id"],
  // props: {
  //   title:{
  //     type:'String',
  //     require:true
  //   },
  //   label:{
  //     type:'String',
  //     require:true
  //   },
  //   id:{
  //     type:'String',
  //     require:true
  //   }
  // },
  methods: {
    playHanlder() {
      this.$router.push({
        path:'/play',
        query:{
          id:this.id
        }
      })
    },
  },
};
</script>

<style>
</style>